import { useState } from 'react'
import './App.css'
import msg from './utils/messageTool';

function App() {
  const [count, setCount] = useState(0)
  
// 成功提示
msg.success({ content: '操作成功！' });

// 失败提示
msg.error({ content: '操作失败！' });

// 加载提示
const closeLoading = msg.loading({ content: '加载中...' });
setTimeout(() => {
  closeLoading(); // 手动关闭
  msg.success({ content: '加载完成！' });
}, 2000);

// 通知栏提示
msg.notify('success', '成功通知', '这里是成功的详细信息');
msg.notify('error', '失败通知', '这里是失败的详细信息');

  return (
    <>
      <div className='p-4 mb-4 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-50 transition' onClick={() => {setCount(count + 1)}}>111111{count}</div>
    </>
  )
}

export default App
